<template>
  <div class="templates-view">
    <div class="leftSidebar-container">
      <left-sidebar :datas="list" @update-view="updateView"></left-sidebar>
    </div>
    <div class="centerView-container">
      <router-view />
    </div>
  </div>
</template>
<script>

export default {
  name: "templates",
  data() {
    return {
      list: [
        {
          title: "个人处方",
          iconType: "iconFont",
          pic: {
            defaultIcon: require("../../assets/img/public/default-avatar.jpg"),
            icon: require("../../assets/img/public/default-avatar.jpg"),
          },
          iconFont: "iconfont icon-jilu",
          path: "/templates/personalPrescription",
        },
        {
          title: "诊所处方",
          iconType: "iconFont",
          pic: {
            defaultIcon: require("../../assets/img/public/default-avatar.jpg"),
            icon: require("../../assets/img/public/default-avatar.jpg"),
          },
          iconFont: "iconfont icon-menzhenchufang",
            path: "/templates/clinicPrescription",
        },
        {
          title: "常用医嘱",
          iconType: "iconFont",
          pic: {
            defaultIcon: require("../../assets/img/public/default-avatar.jpg"),
            icon: require("../../assets/img/public/default-avatar.jpg"),
          },
          iconFont: "iconfont icon-yizhu",
            path: "/templates/medicalAdvice",
        },
      ],
    };
  },
  methods: {
    updateView: function () {
      // if (this.$refs["routerView"].updateApi) {
      //   this.$refs["routerView"].updateApi();
      // }
    },
  }
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/templates/templates.scss";
</style>
